.mainHome{
  padding: 15px;
  .gutter-box{
    height: 100px;
    border-radius: 5px;
    overflow: hidden;
    .type-img{
      width:48px;
      height:48px;
      line-height: 44px;
      text-align: center;
      margin: 24px 20px 24px 40px;
      border: 2px solid #fff;
      border-radius: 24px;
      color: #fff;
      i{
        margin: 0;
        font-size: 32px;
      }
    }
    .type-main{
      margin-top: 18px;
      color: #fff;
      h3{
        margin-bottom: 4px;
        color: #fff;
      }
      p{
        span{
          font-size: 30px;
          padding-right: 4px;
        }
      }
    }
    .type-icon{
      margin: 21px 15px 0 0;
      font-size: 70px;
    }
  }
  .gutter-box-color1{
    background-color: #B26CED; /* 浏览器不支持时显示 */
    background: -webkit-gradient(linear, right, color-stop(0%,#BD6FEA), color-stop(100%,#8E64F7)); /* 兼容Safari4-5, chrome1-9 */
    background: -moz-linear-gradient(right, #BD6FEA 0%, #8E64F7 100%); /* firefox */
    background: -webkit-linear-gradient(right, #BD6FEA 0%,#8E64F7 100%); /* chrome */
    background: -o-linear-gradient(right, #BD6FEA 0%,#8E64F7 100%); /* opera */
    background: -ms-linear-gradient(right, #BD6FEA 0%,#8E64F7 100%); /* ie */
    background: linear-gradient(to right,#BD6FEA  0%,#8E64F7 100%); /* firefox */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#8E64F7', endColorstr='#BD6FEA',GradientType=1)"; /* 兼容IE8~IE9 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8E64F7', endColorstr='#BD6FEA',GradientType=1 ); /* 兼容IE5~IE9 */
    .type-icon{
      color: #B294F9;
    }
  }
  .gutter-box-color2{
    background-color: #639DFF; /* 浏览器不支持时显示 */
    background: -webkit-gradient(linear, right, color-stop(0%,#5EADFF), color-stop(100%,#6A89FE)); /* 兼容Safari4-5, chrome1-9 */
    background: -moz-linear-gradient(right, #5EADFF 0%, #6A89FE 100%); /* firefox */
    background: -webkit-linear-gradient(right, #5EADFF 0%,#6A89FE 100%); /* chrome */
    background: -o-linear-gradient(right, #5EADFF 0%,#6A89FE 100%); /* opera */
    background: -ms-linear-gradient(right, #5EADFF 0%,#6A89FE 100%); /* ie */
    background: linear-gradient(to right,#5EADFF  0%,#6A89FE 100%); /* firefox */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6A89FE', endColorstr='#5EADFF',GradientType=1)"; /* 兼容IE8~IE9 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6A89FE', endColorstr='#5EADFF',GradientType=1 ); /* 兼容IE5~IE9 */
    .type-icon{
      color: #96AFFE;
    }
  }
  .gutter-box-color3{
    background-color: #2DC0C5; /* 浏览器不支持时显示 */
    background: -webkit-gradient(linear, right, color-stop(0%,#39CFC0), color-stop(100%,#16A2CF)); /* 兼容Safari4-5, chrome1-9 */
    background: -moz-linear-gradient(right, #39CFC0 0%, #16A2CF 100%); /* firefox */
    background: -webkit-linear-gradient(right, #39CFC0 0%,#16A2CF 100%); /* chrome */
    background: -o-linear-gradient(right, #39CFC0 0%,#16A2CF 100%); /* opera */
    background: -ms-linear-gradient(right, #39CFC0 0%,#16A2CF 100%); /* ie */
    background: linear-gradient(to right,#39CFC0  0%,#16A2CF 100%); /* firefox */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#16A2CF', endColorstr='#39CFC0',GradientType=1)"; /* 兼容IE8~IE9 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16A2CF', endColorstr='#39CFC0',GradientType=1 ); /* 兼容IE5~IE9 */
    .type-icon{
      color: #5EC0DD;
    }
  }
  .gutter-box-color4{
    background-color: #FEC06B; /* 浏览器不支持时显示 */
    background: -webkit-gradient(linear, right, color-stop(0%,#FFA366), color-stop(100%,#FED870)); /* 兼容Safari4-5, chrome1-9 */
    background: -moz-linear-gradient(right, #FFA366 0%, #FED870 100%); /* firefox */
    background: -webkit-linear-gradient(right, #FFA366 0%,#FED870 100%); /* chrome */
    background: -o-linear-gradient(right, #FFA366 0%,#FED870 100%); /* opera */
    background: -ms-linear-gradient(right, #FFA366 0%,#FED870 100%); /* ie */
    background: linear-gradient(to right,#FFA366  0%,#FED870 100%); /* firefox */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FED870', endColorstr='#FFA366',GradientType=1)"; /* 兼容IE8~IE9 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FED870', endColorstr='#FFA366',GradientType=1 ); /* 兼容IE5~IE9 */
    .type-icon{
      color: #FEDD8D;
    }
  }
  .mainHome-chart{
    margin: 0 0 15px 0 !important;
    .ant-card-body{
      padding-top: 0 !important;
    }
    .ant-tabs-nav {
      .ant-tabs-tab{
        padding: 14px 16px;
        font-size: 16px;
        color: #333;
      }
      .ant-tabs-tab-active{
        color: #1890FF;
      }
    }
    .chart-time{
      position: absolute;
      top:10px;
      right:10px;
      z-index: 99;
    }
  }
  .schoolHelp{
    .ant-card-body{
      height:260px;
      padding: 15px 30px 15px 25px !important;
    }
    .schoolHelp-list{
      height: 36px;
      line-height: 36px;
    }
    .xh{
      display: inline-block;
      width: 20px;
      height:20px;
      line-height: 20px;
      text-align: center;
      border-radius: 10px;
      color: #fff;
      background: #314659;
      margin-top: 8px;
    }
    .school-name{
      display: inline-block;
      width: 20%;
      padding: 0 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .school-char{
      height: 10px;
      margin-top: 14px;
      border-radius: 6px;
      background: #e8e8e8;
    }
    .school-char > div{
      height: 10px;
    }
  }
  .ant-card-head-title{
    padding: 14px 0;
    font-size: 16px;
    color: #333;
  }
  .empty-pos{
    margin-top: 5%;
  }
}